<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式 */
			/* css部分：选择器：抓取页面元素，增加效果
			           选择器{
						   属性：属性值；
						   属性：属性值；
					   }
					   
			 */
			p{
				width: 200px;
				height: 200px;
				  background-color: #e40000;  /*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表【开发不用:没有真正实现内容与表现分离】
		 语法：前标记 style=”属性：属性值；...“
		 -->
		<div style=""></div>
		<!-- ②内部样式表【开发不用：练习专用】 
		     html部分：在head元素种，添加style元素
			 css部分：在style元素中，添加css样式
		-->
		<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, mollitia? Tempora, beatae necessitatibus? Explicabo, est? Facilis sint, quidem expedita recusandae iusto dolorem, placeat perspiciatis mollitia sequi sapiente excepturi aspernatur. Incidunt.</p>
	</body>
</html>